<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Chat</title>
<link rel="stylesheet" type="text/css"
	data-th-href="@{/layui/css/layui.css}" />
<script type="text/javascript" data-th-src="@{/layui/layui.js}"></script>
<script type="text/javascript"
	src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js"></script>
<script type="text/javascript" data-th-src="@{/him.js}"></script>
</head>
<body>
	<a data-th-href="@{/index}" href="index.html">返回主页</a>
	<script type="text/javascript">
		let him=new Him('http://localhost:8088?userId=[[${userId}]]&callTo=[[${callTo}]]');
		him.onSystem(function(data){
			console.log(data);
		})
		let userId="[[${userId}]]";
		layui.use('layim',function(layim){
				  //基础配置
				  layim.config({
				  	title:'Chat',
				    //获取主面板列表信息
				    init: {
				      url:  '[[@{/him/list}]]' //接口地址（返回的数据格式见下文）
				      ,type: 'get' //默认get，一般可不填
				      ,data: {
				    	  userId:userId
				      } //额外参数
				    }
				    //获取群员接口
				    ,members: {
				      url: '[[@{/him/members}]]' //接口地址（返回的数据格式见下文）
				      ,type: 'get' //默认get，一般可不填
				      ,data: {userId:userId} //额外参数
				    }
				    
				    //上传图片接口（返回的数据格式见下文）
				    ,uploadImage: {
				      url: '[[@{/him/uploadImage}]]' //接口地址（返回的数据格式见下文）
				      ,type: 'post' //默认post
				    } 
				    
				    //上传文件接口（返回的数据格式见下文）
				    ,uploadFile: {
				      url: '[[@{/him/uploadFile}]]' //接口地址（返回的数据格式见下文）
				      ,type: 'post' //默认post
				    } 
				  });
				 
			layim.on('sendMessage', function(res){
				console.log("发送消息:",{
					id:res.to.id,
					message:res.mine.content
				})
				let data={
						id:res.to.id,
						message:res.mine.content
					};
				if(res.to.type==='group'){
					him.sendGroup(data);
				}else{
					him.sendFriend(data);
				}
				
			});
			him.onFriend(function(data){
				layim.getMessage(data.data);
			})
			him.onGroup(function(data){
				layim.getMessage(data.data);
			})
		});  
	</script>
</body>
</html>